<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客列表</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/eidt.css">
    <link rel="stylesheet" href="./editor.md/css/editormd.min.css">
</head>

<body>
    <!-- 导航栏 -->
    <div class="nav">
        <!-- logo -->
        <img src="./images/logo_003.jpg" alt="">
        <div class="content">
            <span>我的博客系统</span>
            <div class="opts">
                <a href="./blog_list.html">主页</a>
                <a href="./blog_eidt.html">写博客</a>
                <a href="logout">注销</a>
            </div>

        </div>
    </div>
    <!-- 正文部分 -->
    <div class="edit-container">
        <form action="blog" method="post">
            <!-- 博客标题部分 -->
            <div class="title-container">
                <input type="text" id="title" name ="title">
                <input type="submit" id="submit" value="提交">
            </div>
            <!-- 博客正文部分 -->
            <!-- <div class="content-container"> -->
                <!-- 创建一个div，起一个id -->
            <div id="blog_edit">
                <textarea name="content" style="display: none;"></textarea>
            </div>
            <!-- </div> -->
        </form>     
    </div>
</body>
<script src="js/app.js"></script>
<!-- 先引入jQuery -->
<script src="./js/jquery-3.6.3.min.js"></script>
<!-- 再引入编辑器插件 -->
<script src="./editor.md/editormd.min.js"></script>
<!-- 初始化编辑器 -->
<script type="text/javascript">
    $(function() {
        var editor = editormd("blog_edit", {
            width  : "100%",
            height : "500px",
            // theme : "dark",
            // previewTheme : "dark",
            // editorTheme : "pastel-on-dark",
            markdown: "# 在这里写下一篇博客",
            codeFold : true,
            //syncScrolling : false,
            saveHTMLToTextarea : true,    // 保存 HTML 到 Textarea
            searchReplace : true,
            //watch : false,                    // 关闭实时预览
            htmlDecode : "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启    
            // toolbar  : false,             //关闭工具栏
            // previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
            emoji : true,
            taskList : true,
            tocm            : true,         // Using [TOCM]
            tex : true,                     // 开启科学公式TeX语言支持，默认关闭
            flowChart : true,               // 开启流程图支持，默认关闭
            sequenceDiagram : true,         // 开启时序/序列图支持，默认关闭,
            placeholder : '开始创作...',     // 占位符
            path   : "./editor.md/lib/"
        });
    });

    getLoginStatus();
</script>

</html>